<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="/css/bootstrap.css" type="text/css"/>
    <title>蜗牛笔记-全功能博客系统</title>

    <style>
        body {
            margin: 0;
            background-color: #eeeeee;
            font-size: 16px;
            font-family: 微软雅黑, 幼圆, 宋体, Verdana;
        }

        @media (min-width: 1200px) {
            .container {
                position: relative;
                max-width: 1300px;
            }
        }

        .header {
            border-top: solid 3px black;
            border-radius: 0px;
        }
        div {
            border-radius: 5px;
        }

        label {
            font-weight: bold;
        }

        a:link, a:active {
            text-decoration: none;
            color: #337ab7;
        }

        a:hover, a:active {
            text-decoration: none;
            color: #e56244;
        }

        .menu {
            width: 100%;
            margin-bottom: 10px;
            border-top: solid 2px orangered;
            background-color: #563d7c;
        }

        .menu .menu-bar a:link {
            color: whitesmoke;
        }

        .footer {
            background-color: #333333;
            margin-top: 20px;
            margin-bottom: 0;
            padding: 0;
            border-radius: 0;
            color: white;
        }

        .footer .left {
            font-size: 16px;
            margin: 20px 0;
        }

        .footer .center {
            font-size: 16px;
            margin: 20px 0;
            text-align: center;
        }

        .footer .right {
            font-size: 16px;
            margin: 20px 0;
            text-align: right;
        }

        </style>
</head>
<body>
      <div class="header">
          <div class="container" style="padding: 0 10px 0 0">
              <div class="row">
                  <div class="col-sm-4 col-4" style="margin: 10px 0">
                      <a href="/">
                          <img src="/login/login.png" style="width: 230px">
                      </a>
                  </div>
                  <div class="col-sm-8 col-8 d-none d-sm-block"
                        style="text-align: right; padding-top: 20px">
                      <h2 style="color: midnightblue">以蜗牛之名，行学习之实</h2>
                  </div>
              </div>
          </div>
      </div>
    <div style="margin-bottom: 10px; border-top: solid 2px orangered">
        <div class="container"></div>
    </div>

<div class="menu">
    <div class="container" style="padding: 0px;">
        <nav class="navbar navbar-expand-lg navbar-dark menu-bar"
            style="background-color: #563d7c;">
            <a class="navbar-brand" href="#">快挑导航</a>
            &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
<!-- 在移动端单击折叠按钮即可显示导航菜单，类和ID属性请勿修改 -->
            <button class="navbar-toggler" type="button" data-toggle="collapse"
                    data-target="#navbarNavAItMarkup"
                    aria-controls="navbarNavAItMarkup" aria-expanded="false"
                    aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
<!-- 配置导航菜单项列表 -->
            <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
        <div class="navbar-nav">
            <a class="nav-item nav-link" href="#">PHP开发</a>
            <a class="nav-item nav-link" href="#">Java开发</a>
            <a class="nav-item nav-link" href="#">Python开发</a>
            <a class="nav-item nav-link" href="#">Web前端</a>
            <a class="nav-item nav-link" href="#">测试开发</a>
            <a class="nav-item nav-link" href="#">数据科学</a>
            <a class="nav-item nav-link" href="#">网络安全</a>
            <a class="nav-item nav-link" href="#">蜗牛杂谈</a>
        </div>
 <div class="navbar-nav ml-auto" id="loginmenu">
    {% if session.get('islogin') == 'true' %}
        <a class="nav-item nav-link" href="/ucenter">欢迎你: {{session.get('nickname')}}</a>
        &nbsp;
        {% if session.get('role') == 'admin' %}
            <a class="nav-item nav-link" href="/admin">系统管理</a>
        {% else %}
            <a class="nav-item nav-link" href="/user_center">用户中心</a>
        {% endif %}
        <a class="nav-item nav-link" href="{{ url_for('user_center.logout') }}">注销</a>
    {% else %}
        <a class="nav-item nav-link" href="/login">登录</a>
        <a class="nav-item nav-link" href="/register">注册</a>
    {% endif %}
</div>
        </div>
        </nav>
    </div>
</div>

      <div class="container">
          {% block content %}

          {% endblock %}
      </div>

<div class="container-fluid footer">
    <div class="container">
        <div class="row">
            <div class="col-4 left">
                <p>版权所有 &copy; 蜗牛笔记 (V-1.0)</p>
                <p>备案号: 蜀ICP备15014130号</p>
            </div>
            <div class="col-4 center">
                <p>友情链接</p>
                <p><a href="http://www.woniuxy.com/" target="_blank">
                                            在线课堂</a>&nbsp; &nbsp; &nbsp;
                    <a href="http://www.woniuxy.com/live" target="_blank">
                                            直播课堂</a>&nbsp; &nbsp; &nbsp;
                    <a href="http://www.woniuxy.com/train/index.html"
                            target="_blank">培训中心</a>&nbsp; &nbsp; &nbsp;
                    <a href="http://www.aduobi.com" target="_blank">UI设计学院</a>
                </p>
            </div>
            <div class="col-4 right">
                <p>联系我们</p>
                <p>成都★孵化园&nbsp; &nbsp; &nbsp;QQ/微信:15903523</p>
            </div>
        </div>
    </div>
</div>
</body>
</html>